<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>KILLER HIGHSCORE</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
		<link rel="icon" type="image/ico" href="bullet.ico"/>
        <link rel="stylesheet" type="text/css" href="sass/style.css">
        <link rel="stylesheet" type="text/css" href="sass/styleHighscore.css">
        <link href="css/font-awesome-4.2.0/css/font-awesome.css" type="text/css" rel="stylesheet">
    </head>
    <body>
    	<div id="container">
            <header>
                <div class="logo">
                </div>
                <div class="clearfix">
                </div>
                <div class="container-menu">
                    <div class="menu-button">Menu</div>
                    <ul class="menu">
                        <li >
                            <a href="index.html">Home</a>
                        </li>
                        <li>
                            <a href="play.html">Play</a>
                        </li>
                        <li>
                            <a href="howToPlay.html">How to Play</a>
                        </li>
                        <li>
                            <a href="highscore.html" id="content">Highscore</a>
                        </li>
                        <li>
                            <a href="profile.html">Profile</a>
                        </li>
                        <li>
                            <a href="register.html">Register</a>
                        </li>
                    </ul>
                </div>
               
            </header>
            
            <div class="highscore"> 
                <table>
					<caption>Best Players</caption>
	                <thead>
	               		<th> Rang </th>
                        <th> Avatar </th>
                        <th> Player </th>
                        <th> Score </th>     
	                </thead>
	                <tbody>
		                <tr>
		                	<td>1</td>
		                	<td class="avatar"></td>
		                    <td>Ivan</td>
		                    <td>100</td>
		                </tr>
		                <tr>
		                	<td>2</td>
		                	<td class="avatar"></td>
		                    <td>Pesho</td>
		                    <td>90</td>
		                </tr>
		                <tr>
		                	<td>3</td>
		                	<td class="avatar"></td>
		                    <td>Gosho</td>
		                    <td>89</td>
		                </tr>
		                <tr>
		                	<td>4</td>
		                	<td class="avatar"></td>
		                    <td>ivan2</td>
		                    <td>87</td>
		                </tr>
		                 <tr>
		                	<td>5</td>
		                	<td class="avatar"></td>
		                    <td>Jimmy</td>
		                    <td>84</td>
		                </tr>
		                 <tr>
		                	<td>6</td>
		                	<td class="avatar"></td>
		                    <td>Mike</td>
		                    <td>82</td>
		                </tr>
		                 <tr>
		                	<td>7</td>
		                	<td class="avatar"></td>
		                    <td>ivan2</td>
		                    <td>81</td>
		                </tr>
		                <tr>
		                	<td>8</td>
		                	<td class="avatar"></td>
		                    <td>ivan3</td>
		                    <td>80</td>
		                </tr>
		                  <tr>
		                	<td>9</td>
		                	<td class="avatar"></td>
		                    <td>Master</td>
		                    <td>77</td>
		                </tr>
		                 <tr>
		                	<td>10</td>
		                	<td class="avatar"></td>
		                    <td>Petar</td>
		                    <td>72</td>
		                </tr>
	                </tbody>
	                <tfoot>
		                <tr>
		                	<td colspan="4">
		                		<ul class="numbering">
									<li class='leftArrow'><a href = "#" ><span class="fa fa-chevron-circle-left"></span></a> </li>
									<li><a class='number active' href = "#"> 1 </a> </li>
									<li><a class='number' href = "#"> 2 </a> </li>
									<li><a class='number' href = "#"> 3 </a> </li>
									<li><a class='number' href = "#"> 4 </a> </li>
									<li><a class='number last' href = "#"> 5 </a> </li>
									<li class='rightArrow'><a href = "#" ><span class="fa fa-chevron-circle-right"></span> </a> </li>
								</ul>
							</td>
		                </tr>
	                </tfoot>
	                
	        	</table>
	        	
				
              </div> <!-- highscore -->
                
            <div class="clearfix"></div>
            <footer>
                <ul class="footer-nav">
                    <li>
                        <a href="http://www.1001freefonts.com/you_murderer.font">Text fonts</a>
                    </li>
                    <li>
                        <a href="#">Something</a>
                    </li>
                    <li>
                        <a href="#">Something</a>
                    </li>
                </ul>
                <ul class="footer-nav">
                    <li>
                        <a href="#">Something</a>
                    </li>
                    <li>
                        <a href="#">Something</a>
                    </li>
                    <li>
                        <a href="#">Something</a>
                    </li>
                </ul>
            </footer>
         </div> <!-- container -->
    </body>
</html>
